<template>
    <div class="container">
        <!-- <div class="left">
            <div style="height: 3000px"></div>
        </div> -->
        <div class="right">
            <el-scrollbar style="height:100%;">
                <div style="height: 3000px">
                    <div style="padding-top: 200px;">鼠标移过来，这里有滚动条</div>
                </div>
            </el-scrollbar>            
        </div>
        <div class="clear: both; height: 0;"></div>
    </div>
</template>

<script>
    export default {
        
    }
</script>

<style lang="scss" scoped>
.container {
    height: 100%;
    .left {
        width: 300px;
        height: 100%;
        float: left;
        background-color: #f60;
        overflow: auto;
    }
    .right {
        width: 300px;
        height: 100%;
        margin-left: 300px;

        /deep/.el-scrollbar__wrap{
            overflow-y: auto;
            overflow-x:hidden;            
        }
        /deep/ .el-scrollbar__bar.is-vertical {
            width: 3px;
            top: 2px;
        }
        /deep/ .el-scrollbar__thumb {
            background-color: red;
        }
    }
}
</style>